<template>
  <div class="execution">
    <basic-container class="title">
      <el-form :inline="true" :model="role" class="demo-form-inline">
        <el-form-item>
          <el-input v-model="role.user" placeholder="请输入角色编号或角色名称">
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">新增员工</el-button>
        </el-form-item>
      </el-form>
    <el-table
      :data="roleList"
      style="width: 100%">
      <el-table-column
        prop="roleId"
        label="角色编号"
        width="400">
      </el-table-column>
      <el-table-column
        prop="roleDescription"
        label="角色描述"
        width="400">
      </el-table-column>
      <el-table-column
        prop="roleStatus"
        label="角色状态">
      </el-table-column>
      <el-table-column
        prop="operation"
        label="操作">
      </el-table-column>
    </el-table>
 </basic-container>

  </div>
</template>

<script>
    export default {
        name: "index",
        data() {
          return {
            role: {
              user: ''
            },
            roleList: [{
              roleId: '2016-05-02',
              roleDescription: '王小虎',
              roleStatus: '上海市普陀区金沙江路 1518 弄',
              operation: '15823849804'
            }, {
              roleId: '2016-05-02',
              roleDescription: '王小虎',
              roleStatus: '上海市普陀区金沙江路 1518 弄',
              operation: '15823849804'
            }, {
              roleId: '2016-05-02',
              roleDescription: '王小虎',
              roleStatus: '上海市普陀区金沙江路 1518 弄',
              operation: '15823849804'
            }, {
              roleId: '2016-05-02',
              roleDescription: '王小虎',
              roleStatus: '上海市普陀区金沙江路 1518 弄',
              operation: '15823849804'
            }]
          }
        },
        methods: {
          onSubmit() {
            console.log('submit!');
          }
        }
    }
</script>

<style scoped>

</style>
